@charset "utf-8";
/* CSS Document */
body{padding:0;border:0; margin:0;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
img{border:none;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration:underline; color:#f3720a;}
/*初始化end*/

/*公共类start*/
.margin_auto { margin: 0 auto;}
.clear{ clear:both; float:none;}
.fright{ float:right;}
.fleft{ float:left;}
.accent-color{ color:#f3720a}
.fenye{ width:100%; text-align:center; line-height:30px; height:30px; margin:15px 0; font-size:14px;}
.abs{ position:absolute}
.rel{ position:relative}
.hide{overflow:hidden}
.texthide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.white{ color:#FFF;}
.red{ color:#F00;}
.page-padd{ padding:0 5%;}
/*公共类end*/

/*头部start*/
#header{
  width:100%; height:auto;
  background:#fff; background: rgba(255,255,255,0.9);
  border-bottom: 1px solid #ddd;
  overflow:hidden;
}
.top-bar{
  width:100%; height:30px;
  line-height:30px;
  font-size:14px;
  background: #028d49; color: #FFF;
}
.welcome{
   float:left;
   font-size:12px;
}
.tel{
	display:block;
	float:right;
}
.tel img{ width:16px; height:16px; display:inline-block; margin-right:5px;}
#header .title{
  width:100%;
  padding:1% 5%;
  overflow:hidden;	
  position:relative;
}
.logo{ float:left; font-size:12px;}
.pc-nav{ float:right; margin-top: 15px;}
.pc-nav li {margin-left:2px; float:left; text-align:center; position: relative;}
.pc-nav li a{ font-size:16px; display:inline-block; padding:5px 15px; text-decoration: none; transition: 0.3s;}
.pc-nav li a.active,.pc-nav li a:hover{ color:#fff; background: #f3720a; border-radius: 3px;}
.pc-nav li .active:after{
    content: "";display: block;position: absolute;
    left: 50%; top: 30px; z-index: 99;width:0; height:0; margin-left: -7px; 
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #f3720a;
}
/**Mobile menu**/
.m-nav{ 
  width:26px;height:26px; display:none;
  background: url(../images/icon-menu.png) no-repeat center;background-size:100%;
  position:absolute; right:2%; top:50%; margin-top:-13px;
}
.m-nav-list{
  width:100%; padding:10px 0;
  background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  position: fixed; top:90px; z-index: 99999;display: none;
  border-top:solid 1px #CCC;
}
.m-nav-list li { 
  float:left;
  width:33.33%;height:auto; padding:2%;
  text-align:center;font-size:1.4rem;
}
.m-nav-list li a {
  display:block; padding:5px 0;border:1px solid #CCC;
}

/*头部end*/

/*底部start*/
.footer{
  width:100%; height:auto; margin-top:30px;
  background:#028d49; color:#FFF; 
  overflow:hidden;
}
.foot-con{
  width:100%;
  height:95px; padding-top:15px;
  overflow:hidden;
}
.company-inf{
  float:left;
  width:auto;
  height:66px;
  padding-left:80px;
  background:url(../images/flogo.png) left no-repeat;
}
.company-inf p{
  line-height:30px;
  margin-top:5px;
}

.fnav{
  float:right; margin-top: 0px; width: 355px;
 height:auto; overflow:hidden;
}
.fnav li{ 
  float:left; margin-left: 10px;
  height:35px; line-height:30px; 
  text-align:center; font-size:14px;
}
.fnav li a{color:#FFF;}
.foot-con p{ line-height:30px;}
.foot-bar{
  width:100%; height:30px; padding:0 5%;
  line-height:30px;
  color:#FFF; font-size:12px;
  background:#01703a;	
}
.backtop{width:36px; height:36px; position: fixed; bottom:60px; right: 10px; display: none; z-index:999;}
.backtop a{display: block; width:44px; height:44px; background: url(../images/back_top.png) no-repeat center;}

.mfoot{
  display:none;
  width:100%; height:auto; margin:0 auto;
  background: #028d49;
  position:fixed; z-index:900; bottom:0;
}
.mfoot-li{
 width:25%;float:left;
}
.mfoot-li a{
  display:block;
  width:100%;
  text-align:center;font-size:14px;color:#FFF;
}
.mfoot-li a em{
  display: block;
  line-height:18px; text-align: center;
}
.mfoot-li a img {
  width:30px;
  vertical-align:middle;
}
.kongbai{ width:100%; height:80px; margin-top: 3%; color:#999; text-align:center; display:none;}
/*底部end*/

@media (max-width:1500px) {
.pc-nav li a{ font-size:14px; display:inline-block; padding:5px 10px; text-decoration: none; transition: 0.3s;}
@media (max-width:1400px) {
  .pc-nav li a{padding:5px 8px;}
}
@media (max-width:1280px) {
 #header .title{ height:auto; padding:10px 2%;}
 .logo{ width:200px;}
 .logo img { width:auto; height:35px;}
 .top-bar{ display:none;}		
 .pc-nav{ display:none;}
 .m-nav{ display:block;}
 .m-nav-list{ top:55px;}
 .mfoot,.kongbai{ display:block;}
 .footer,.foot-bar{ display:none;}
 #header{ background:#fff;}
 
}
@media (max-width:767px) {
 .page-padd { padding:0 2%;}
 .m-nav-list{ top:55px;}
 
}
/*animated*/

/*备用样式start
 *{ filter:alpha(opacity=90); opacity:0.9;}
 *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 *{transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
 *a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
 *{ -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
备用样式end*/